.search-wrap {
	display:none;
	width:1152px;
	margin:0 auto;
	border-top:1px solid #d3d6d9;
	padding-top:24px;
	padding-bottom:32px
}
.search-wrap.show {
	display:block
}
.search-rect {
	display:none;
	position:relative;
	width:800px;
	height:48px;
	background:#f3f5f6;
	border-radius:8px
}
.search-rect.show {
	display:block
}
.search-rect.search-index {
	margin:0 auto 8px
}
.search-rect.search-list {
	margin:0 0 8px 0
}
.search-rect .search-city {
	position:relative;
	display:inline-block;
	width:84px;
	height:48px;
	line-height:48px
}
.search-rect .search-city .city {
	font-size:16px;
	color:#545c63;
	margin:0 12px 0 24px
}
.search-rect .search-city .icon {
	font-size:16px
}
.search-rect .search-city:hover {
	cursor:pointer
}

.search-rect .search-city .search-city-more {
	display:none;
	z-index:999;
	position:absolute;
	top:50px;
	right:0;
	background:#fff;
	box-shadow:0 4px 8px 0 rgba(28,31,33,.2);
	border-radius:6px
}
.search-rect .search-city .search-city-more li {
	height:48px;
	line-height:48px;
	margin:0;
	width:84px;
	text-align:center;
	display:inline-block;
	font-size:16px;
	color:#1c1f21
}
.search-rect .search-city .search-city-more li:hover {
	background:#f3f5f6
}
.search-rect .search-city .search-city-more li:first-child a {
	border-top-left-radius:6px;
	border-top-right-radius:6px
}
.search-rect .search-city .search-city-more li:last-child a {
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px
}
.search-rect .line {
	border-left:2px solid #d3d6d9;
	height:16px;
	width:0;
	margin:16px
}
.search-rect input {
	font-size:16px;
	color:#1c1f21;
	line-height:24px;
	width:548px;
	background:#f3f5f6
}
.search-rect .ui-clear-search {
	display:none;
	font-size:20px;
	color:#9199a1;
	line-height:24px;
	vertical-align:sub;
	cursor:pointer
}
.search-rect .ui-clear-search:hover {
	color:#545c63
}
.search-rect .search-btn {
	float:right;
	display:inline-block;
	width:96px;
	border-top-right-radius:8px;
	border-bottom-right-radius:8px;
	font-size:16px;
	color:#fff;
	line-height:48px;
	text-align:center;
	border:none
}
.search-tag {
	display:none;
	margin:0 auto;
	width:800px;
	padding-left:24px;
	box-sizing:border-box
}
.search-tag.show {
	display:block
}
.search-tag ul li {
	line-height:18px;
	display:inline-block;
	margin-right:24px
}
.search-tag ul li:first-child {
	color:#545c63
}
.search-tag ul li a {
	font-size:12px;
	color:#149cb8
}
.search-tag ul li a:hover {
	color:#0f758a
}
.search-filter {
	display:none;
	margin-bottom:24px;
	box-sizing:border-box;
	padding:12px 28px;
	background:#fff;
	box-shadow:0 4px 8px 0 rgba(28,31,33,.1);
	border-radius:12px
}
.search-filter.show {
	display:block
}
.search-filter>ul>li:last-child {
	margin-bottom:0
}
.search-filter>ul>li:last-child ul {
	border-bottom:none
}
.search-filter>ul>li span {
	display:inline-block;
	padding-top:12px;
	font-size:14px;
	color:#545c63;
	line-height:32px;
	height:32px;
	box-sizing:border-box
}
.search-filter>ul>li span:last-child {
	margin-right:0
}
.search-filter>ul>li ul {
	width:670px;
	display:inline-block;
	border-bottom:1px solid #d3d6d9;
	padding:12px 0;
	vertical-align:top
}
.search-filter>ul>li ul li {
	display:inline-block;
	line-height:32px;
	height:32px;
	padding:0 12px;
	box-sizing:border-box;
	color:#545c63;
	font-size:14px;
	cursor:pointer
}
.search-filter>ul>li ul li:last-child {
	margin-right:0
}
.search-filter>ul>li ul li:hover {
	background:rgba(20,156,184,.1);
	border-radius:18px;
	color:#149cb8
}
.search-filter>ul>li ul li.active {
	background:#149cb8;
	border-radius:18px;
	color:#fff
}
